<section id="why">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2 class="section-heading">At Your Service</h2>
                <hr class="primary">
                <br />
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-6 text-center">
                <div class="service-box">
                  <i class="fa fa-4x fa-github wow bounceIn text-primary" data-wow-delay=".1s"></i>
                  <h3>Manage your Github gists</h3>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 text-center">
                <div class="service-box">
                    <i class="fa fa-4x fa-save wow bounceIn text-primary" data-wow-delay=".2s"></i>
                    <h3>Save multi snippets in one note</h3>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 text-center">
                <div class="service-box">
                    <i class="fa fa-4x fa-search wow bounceIn text-primary" data-wow-delay=".3s"></i>
                    <h3>Search by name, language, tags...</h3>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 text-center">
                <div class="service-box">
                    <i class="fa fa-4x fa-clipboard wow bounceIn text-primary" data-wow-delay=".4s"></i>
                    <h3>Copy to clipboard</h3>
                </div>
            </div>
        </div>
    </div>
</section>
